<link href="./assets/admin/css/schedule/css/schedule.css"
	rel="stylesheet" type="text/css" />
<body>
	<div class="portlet" style="margin-bottom: -10px;">
		</div>
		<div class="portlet-search-body" style="display: none;">
			<form class="form-inline" role="form">
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-bus"></i> <input class="form-control"
								placeholder="资源名称" ng-model="resourceName">
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-calendar"></i>
							<input type="text" class="form-control" ed-date-picker ng-model="timeQuery.startDate" placeholder="开始时间"/>
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-calendar"></i>
							<input type="text" class="form-control" ed-date-picker ng-model="timeQuery.endDate" placeholder="截止时间"/>
						</div>
					</div>
				</div>
				<button class="btn btn-primary"
					style="background-color: #12bdce; border-color: #12bdce" ng-click="query(resourceName,currentMonth)">
					<i class="fa fa-search"></i> 搜索
				</button>
				<button class="btn btn-primary"
					style="background-color: #12bdce; border-color: #12bdce" ng-click="reset()">
					<i class="fa fa-refresh"></i> 重置
				</button>
			</form>
		</div>
	</div>
	<div class='schedule-meta'>
		<!--<div class='schedule-total-price'>本月点位总售价：400元</div>-->
		<div class='schedule-legend'>
			<ul>
				<li class='status-item status-free' title='点位不可用'>不可用</li>
				<li class='status-item status-workOff' title='点位可用'>可用</li>
				<li class='status-item status-published' title='点位已上刊'>已上刊</li>
				<li class='status-item status-locked' title='点位锁定'>锁定</li>
			</ul>
		</div>
	</div>
	<div class='schedule-list-content ui-ctrl ui-panel'>
		<div class='schedule-list-panel'>
			<div class='date-field'>
				<a ng-click="query(resourceName,-1,1)" style="text-decoration: none"
					class="prev-year ui-ctrl ui-button active">{{lastYear}}
				</a>
				<a ng-click="query(resourceName,1,1)" style="text-decoration: none"
					class="next-year ui-ctrl ui-button active">{{nextYear}}
				</a>
				<div class="col-md-4">
					<select class="form-control" ng-model="scheduleModal.month"
						style="margin: -2px -2px 0px 35px; font-size: 12px; width: 100px; height: 27px; color: #565353; border: 0px; background-color: #eee"
						ng-options="opt for opt in months">
					</select>
				</div>
			</div>
			
				<div class=" list-content-table">
					<div class="ui-table-head ">
						<div class="ui-ctrl ui-panel">
							<table width="100%">
								<tbody>
									<tr ng-show="publishBill.billType == '1'">
										<th class="ui-table-cell" style="width: 20px;"><div class='ui-table-hcell-text'></div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">资源编号</div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">车牌号</div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">自编号</div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">线路</div></th>
									</tr>
									<tr ng-show="publishBill.billType == '2'">
										<th class="ui-table-cell" style="width: 15px;"><div class='ui-table-hcell-text'></div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">资源编号</div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">站点</div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">街道</div></th>
										<th class="ui-table-cell" style="width: 25%;"><div class='ui-table-hcell-text' style="text-align: center;">行向</div></th>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="ui-table-body " ng-show="publishBill.billType == '1'">
							<div class="ui-table-row" ng-repeat="data in dataArray">
								<table width="100%">
									<tbody>
										<tr style="color: {{data.status == '0' ? 'gray' :'' }}" >
											<td class="ui-table-cell" style="width: 20px;">
												<div class='ui-table-cell-text' style="text-align: center;" ng-show="!updateClickFlag && data.status == '1'">
													<input type="checkbox" class="resourceCheckbox" style="margin-left: -5px;margin-top: 7px;"
														   ng-click="billDetailsModal.checkSource($event,data)">
												</div>
											</td>
											
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.resourceCode}}
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.plateNo}}
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.vehicleNo}}
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.lineNo}}
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div class="ui-table-body " ng-show="publishBill.billType == '2'">
							<div class="ui-table-row" ng-repeat="data in dataArray">
								<table width="100%">
									<tbody>
										<tr style="color: {{data.status == '0' ? 'gray' :'' }}" >
											<td class="ui-table-cell" style="width: 20px;">
												<div class='ui-table-cell-text' style="text-align: center;" ng-show="!updateClickFlag && data.status == '1'">
													<input  type="checkbox" class="resourceCheckbox" style="margin-left: -5px;margin-top: 7px;"
														   ng-click="billDetailsModal.checkSource($event,data)">
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.resourceCode}}
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.stopName}}
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.roadName}}
												</div>
											</td>
											<td class="ui-table-cell" style="width: 25%;">
												<div class='ui-table-cell-text' style="text-align: center;">
													{{data.direction}}
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
				</div>
		</div>
		
		<div class='schedule-graphic-panel'>
			<div class='date-field' style="width: 584px;">
				<a ng-click="query(resourceName,-1,2)" style="text-decoration: none"
					class="prev-month ui-ctrl ui-button active">上一月</a><a
					ng-click="query(resourceName,1,2)" style="text-decoration: none"
					class="next-month ui-ctrl ui-button active">下一月</a><strong>{{scheduleModal.month}}</strong>
			</div>
			<div class='ui-ctrl ui-scheduletable' style="width: 584px;">
				<div>
					<div class="ui-table-head ">
						<table width="100%">
							<tbody>
								<tr>
									<th class="ui-scheduletable-head-item" ng-repeat="day in days"><span style="text-align: center">{{day.dayOfWeek}}</span></th>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="ui-table-head " style="height: 27px">
					<table width="100%">
						<tbody>
							<tr>
								<th class="ui-scheduletable-head-item" ng-repeat="day in days"><div>{{day.dayOfMonth}}</div></th>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="ui-table-body">
					<div class="ui-ctrl ui-panel">
						<div ng-repeat="data in dataArray">
							<div class="ui-table-row-no-bottom" ng-if="!$last">
								<table width="100%">
									<tbody>
										<tr>
											<td paiqi="0" dw-id={{data.resourceId}}
												date={{schedule.date}}
												ng-repeat="schedule in data.scheduleArray"
												class="ui-scheduletable-item {{schedule.status}}"
												></td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="ui-table-row" ng-if="$last">
								<table width="100%">
									<tbody>
										<tr>
											<td paiqi="0" dw-id={{data.resourceId}}
												date={{schedule.date}}
												ng-repeat="schedule in data.scheduleArray"
												class="ui-scheduletable-item {{schedule.status}}"
												ng-click="showTips(data);"></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="page_bar"
			style="position: relative; margin-top: 5px; margin-bottom: 25px;"></div>
	</div>
</body>
